<template>
<section class="todoapp">
  
    <HmHeader></HmHeader>
    <HmMain :data='list'></HmMain>
     <HmFooter></HmFooter>
</section>
</template>

<script>
import HmFooter from './components/hm-footer.vue'
import HmHeader  from './components/hm-header.vue'
import HmMain from './components/hm-main.vue'
export default {
  data(){
    return {
      list:[{id:1,name:'吃饭',flag:false},
      {id:2,name:'睡觉 ',flag:true},
      {id:3,name:'打豆豆',flag:false}]
    }
  },
  components: {
    HmFooter,
    HmHeader,
    HmMain
  }
}
</script>

<style scoped>

</style>